// 使用那一个事件，
// 如何使用onescroll，此事件有移动端，pc端都有效
// 如何获取滚动条的位置 
// 如何获取视口宽度
window.onload= function(){
	  document.onscroll=function(){
		  // 获取滚动条位置
		   let s1 = document.documentElement.scrollTop;
		   let s2 = document.body.scrollTop;
		   let scroll=s1==0?s2:s1;
		   // 获取视口宽度
		   let width = document.documentElement.clientWidth;
		   // 获取顶部固定块
		   let search = document.getElementById('fixedBox');
		   // 判断滚动条超过12%，搜索框变fixed
		   if(scroll>width*0.12){
			   search.style.position = 'fixed';
			   search.style.left='0';
			   search.style.top ='0';
		   }
		   else{
			   search.style.position ='static';
		   }
	  }
}